<template>
  <div class="">
    <el-form
      :model="ruleForm"
      :rules="rules"
      ref="ruleForm"
      size="mini"
      label-width="100px"
    >
      <el-row>
        <el-col :span="12">
          <el-form-item label="议价价格:" prop="dickerPrice">
            <el-input v-model="ruleForm.dickerPrice"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="币种:" prop="currency">
            <el-select v-model="ruleForm.currency" placeholder="请选择">
              <el-option label="人民币" value="shanghai"></el-option>
              <el-option label="美元" value="beijing"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="议价数量:" prop="dickerNum">
            <el-input v-model="ruleForm.dickerNum"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="交货日期:" prop="deliveryDate">
            <el-date-picker
              style="width: 154px"
              v-model="ruleForm.deliveryDate"
              type="date"
              placeholder="选择日期"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="交货地:" prop="deliveryAddress">
            <el-select v-model="ruleForm.deliveryAddress" placeholder="请选择">
              <el-option label="国内" value="shanghai"></el-option>
              <el-option label="香港" value="beijing"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="议价有效期:" prop="dickerDate">
            <el-date-picker
              style="width: 154px"
              v-model="ruleForm.dickerDate"
              type="date"
              placeholder="选择日期"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col>
          <el-form-item label="备注:">
            <el-input
              type="textarea"
              placeholder="请输入内容"
              v-model="ruleForm.remark"
              show-word-limit
            >
            </el-input>
            <!-- <el-input :rows="8" v-model="ruleForm.remark" ></el-input> -->
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      ruleForm: {
        dickerPrice: "", //议价价格
        currency: "", //币种
        dickerNum: "", //议价数量
        deliveryDate: "", //交货日期
        deliveryAddress: "", //交货地
        dickerDate: "", //议价有效期
        remark: "", //备注
      },
      rules: {
        dickerPrice: [
          { required: true, message: "请填写议价价格", trigger: "blur" },
        ],
        currency: [{ required: true, message: "币种", trigger: "change" }],
        dickerNum: [
          { required: true, message: "请填写议价数量", trigger: "change" },
        ],
        deliveryDate: [
          { required: true, message: "请选择交货日期", trigger: "change" },
        ],
        deliveryAddress: [
          { required: true, message: "请选择交货地", trigger: "change" },
        ],
        dickerDate: [
          { required: true, message: "请选择议价有效期", trigger: "change" },
        ],
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="scss" scoped>
</style>
